<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>repute网站</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <nav>
        <div class="container clearfix">
            <div class="row clearfix">
                <div class="col-md-5 nav-left">
                    <a href=""><img src="images/logo_03.png" alt=""></a>
                </div>
                <div class="col-md-7 nav-right text-right">
                    <ul>
                        <li class="btn1"><a href="">HOME &#94</a></li>
                        <li class="btn2"><a href="">FEATURES ^</a></li>
                        <li class="btn3"><a href="">PAGES ^</a></li>
                        <li class="btn4"><a href="">PORTFOLIO ^</a></li>
                        <li class="btn5"><a href="">BLOG ^</a></li>
                    </ul>
                    <a href="" class="lvse"><img class="nav-logo" src="images/nav-right-logo_03.png" alt="">UPGRADE TO PRO</a>
                </div>
            </div>
        </div>
    </nav>
<div class="banner-top">
    <div class="bd-example">
        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators" style="z-index:99; bottom:-20px;">
                <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="images/1_02.png" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                        <h1> EASY TO CUSTOMIZE</h1>
                        <p>Readable code,well documented and FREE suport</p>
                        <a href="">LEARN MORE</a>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="images/1_02.png" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                        <h1> EASY TO CUSTOMIZE</h1>
                        <p>Readable code,well documented and FREE suport</p>
                        <a href="">LEARN MORE</a>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="images/1_02.png" class="d-block w-100" alt="...">
                    <div class="carousel-caption d-none d-md-block">
                        <h1>EASY TO CUSTOMIZE</h1>
                        <p>Readable code,well documented and FREE suport</p>
                        <a href="">LEARN MORE</a>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
</div>
<div class="banner-bottom">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-6 text-center">
                <img src="images/banner-bottom-1_03.png" alt="">
                <h5>STRONG STRUCTURE</h5>
            </div>
            <div class="col-md-3 col-6 text-center">
                <img src="images/banner-bottom-2_06.png" alt="" class="yuan">
                <h5>GLOBAL SERVICES</h5>
            </div>
            <div class="col-md-3 col-6 text-center">
                <img src="images/banner-bottom-3_08.png" alt="" class="yuan">
                <h5>DYNAMIC CHANGE</h5>
            </div>
            <div class="col-md-3 col-6 text-center">
                <img src="images/banner-bottom-4_03.png" alt="">
                <h5>EXPONENTIAL GROWTH</h5>
            </div>
        </div>
    </div>
</div>
<div class="main-top">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h5>KNOW BETTER</h5>
                <p class="p2">......</p>
                <p class="p1">Synergistically procrastinate one-to-one results foraccurate platforms.Assertively whiteboard corporateusers whereas dynamic initiatives.</p>
                <p>Energistically architect leading-edge users and imexpensive internal or"organic"sources.
                    Distinctively evolove e-business resources after progressive intellectual capital.Objectively
                    architect maintainable technologies via strategiv convergence.Continually optimize
                    stand-alone expertise with e-business e-services.Continually conceptualize client0centered
                    opportunities and.</p>
                <p>Dynarmically customize backward-compatible processes via front-end models.Distinctively
                    evisculate an expanded array of scenarios after virtual information.Professionally
                    predonminate techinically sound resources through impactful mindshare.Efficiently drive
                    viral interfaces without inexpensive value.Credibly.</p>
            </div>
            <div class="col-md-6">
                <img src="images/main-shang_03.png" alt="">
            </div>
        </div>
    </div>
</div>
<div class="main-center">
    <div class="container">
        <div class="row">
            <div class="col-md-6 clearfix">
                <img src="images/main-zhong-yi_07.png" alt="">
                <div class="rtu">
                    <h5>GOAL ORIENTED</h5>
                    <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                        predonminate ubiquitous outsourcing through an expanded array of
                        functionalities.</p>
                </div>
            </div>
            <div class="col-md-6 clearfix">
                <img src="images/main-zhong-er_09.png" alt="">
                <div class="rtu">
                    <h5>GOAL ORIENTED</h5>
                    <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                        predonminate ubiquitous outsourcing through an expanded array of
                        functionalities.</p>
                </div>
            </div>
            <div class="col-md-6 clearfix">
                <img src="images/main-zhong-san_10.png" alt="">
                <div class="rtu">
                    <h5>GOAL ORIENTED</h5>
                    <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                        predonminate ubiquitous outsourcing through an expanded array of
                        functionalities.</p>
                </div>
            </div>
            <div class="col-md-6 clearfix">
                <img src="images/main-zhong-si_14.png" alt="">
                <div class="rtu">
                    <h5>GOAL ORIENTED</h5>
                    <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                        predonminate ubiquitous outsourcing through an expanded array of
                        functionalities.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-bottom">
    <div class="container">
        <div class="bottom text-center">
            <img src="images/main-xia_18.png" alt="">
            <h5>ULTRA RESPONSIVE</h5>
            <p>Phosfluorescently revolutionize viral leadership via turnkey techinology.Synergistivally monetize intermandated strategic theme areas through multimedia based.</p>
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <ul class="nav justify-content-center">
                    <li class="btn1"><a href="">Responsive</a></li>
                    <li class="btn2"><a href="">Easy to Customize</a></li>
                    <li class="btn3"><a href="">Design </a></li>
                    <li class="btn4"><a href="">Free Updates & Support</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="had">
    <div class="container">
        <div class="had-shang">
            <div class="row">
                <div class="col-md-4">
                    <h5>RECENT WORKS</h5>
                    <p>......</p>
                </div>
                <div class="col-md-4"></div>
                <div class="col-md-4 text-right">
                    <button type="button" class="btn btn-primary">See all works</button>
                </div>
            </div>
        </div>
        <div class="had-zhong">
            <div class="row">
                <div class="col-md-4">
                    <img src="images/had-shang-yi_03.png" alt="">
                </div>
                <div class="col-md-4">
                    <img src="images/had-shang-er_05.png" alt="">
                </div>
                <div class="col-md-4">
                    <img src="images/had-shang-san_07.png" alt="">
                </div>
            </div>
        </div>
        <div class="had-xia">
            <h5>LATEST NEWS</h5>
            <p>......</p>
            <div class="neirongbufen">
                <div class="row">
                    <div class="col-md-4 neirongling clearfix">
                        <img src="images/had-zhong-yi_12.png" alt="">
                        <h5> In Demand:Collaboration Skill</h5>
                        <p>Proactively engage orthogonal growth strategies without
                            resource-leveling testing procedures.Seamlessly
                            predominate interoperable growth strategies.</p>
                        <p>23-02-2015</p>
                        <p class="ppp">65 Comments</p>
                    </div>
                    <div class="col-md-4 clearfix">
                        <div class="neirongyi clearfix">
                            <img src="images/had-zhong-er_15.png" alt="">
                            <div class="er clearfix">
                                <h6>Growth Strateqies We Maust K... </h6>
                                <p>Proactively engage orthogonal
                                    growth strategies without resource-
                                    leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="neironger clearfix">
                            <img src="images/had-zhong-san_18.png" alt="">
                            <div class="san clearfix">
                                <h6>Products Research Methodolo... </h6>
                                <p>Proactively engage orthogonal
                                    growth strategies without resource-
                                    leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="neirongsan clearfix">
                            <img src="images/had-zhong-si_21.png" alt="">
                            <div class="si clearfix">
                                <h6>Professional Leverage</h6>
                                <p>Proactively engage orthogonal
                                    growth strategies without resource-
                                    leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="neirongsi clearfix">
                            <img src="images/had-zhong-wu_18.png" alt="">
                            <div class="wu clearfix">
                                <h6>Professional Leverage</h6>
                                <p>Proactively engage orthogonal
                                    growth strategies without resource-
                                    leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="neirongwu clearfix">
                            <img src="images/had-zhong-si_21.png" alt="">
                            <div class="wu clearfix">
                                <h6>Professional Leverage</h6>
                                <p>Proactively engage orthogonal
                                    growth strategies without resource-
                                    leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="neirongliu">
                            <a href="">See all news→</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="lan">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <img src="images/had-xia-yi_30.png" alt="">
                <div class="lanyi">
                    <h4>5200</h4>
                    <p>SUBSCRIBERS</p>
                </div>
            </div>
            <div class="col-md-3">
                <img src="images/had-xia-er_32.png" alt="">
                <div class="laner">
                    <h4>273 </h4>
                    <p>PROJECTS</p>
                </div>
            </div>
            <div class="col-md-3">
                <img src="images/had-xia-san_35.png" alt="">
                <div class="lansan">
                    <h4>640K</h4>
                    <p>APPRECIATIONS</p>
                </div>
            </div>
            <div class="col-md-3">
                <img src="images/had-xia-si_38.png" alt="">
                <div class="lansi">
                    <h4>132</h4>
                    <p>CLIENTS</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="fen">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h3>GET IN TOUCH</h3>
            </div>
            <div class="col-md-6 text-right">
                <span>Call us at(1800)765-4321 or</span>
                <button type="button" class="btn btn-primary">CONTACT US</button>
            </div>
        </div>
    </div>
</div>
<div class="footer-top">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <img src="images/footer-logo_03.png" alt="">
                <p class="yiduan">Proacticely aggregate B2B initiatives before extensive
                    channels. Monotonectally extend interactive methods of
                    empowerment through excellent applications. Rapidiously
                    synergize visionary  products with sticky technology.</p>
                <span>1234 North Main Street</span> <br>
                <span>New York, NY222222</span> <br>
                <span>Phone:(1800)765-4321</span> <br>
                <span>Email:email@yourdomain.come</span>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6">
                        <h6>USEFUL LINKS</h6>
                        <p class="shu">About Us</p>
                        <p>News</p>
                        <p>Community</p>
                        <p>Career </p>
                        <p>Blog</p>
                    </div>
                    <div class="col-md-6">
                        <p class="te">Press Kit</p>
                        <p>FAQ</p>
                        <p>Terms </p>
                        <p>Privacy Policy</p>
                        <p>Contact US</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="hh">NEWSLETTER</h6>
                <p class="ll">Get the latest update from us by subscribing to our newsletter.</p>
                <input type="text" placeholder="youremail@domain.com" id="demo">
                <a  href="" class="btn">SUBSCRIBE</a>
                <h6 class="poo">GET CONNECTED</h6>
                <a href=""><img src="images/footer-biaozhi1_07.png" alt=""></a>
                <a href=""><img src="images/footer-biaozhi2_09.png" alt=""></a>
                <a href=""><img src="images/footer-biaozhi3_11.png" alt=""></a>
                <a href=""><img src="images/footer-biaozhi4_13.png" alt=""></a>
            </div>
        </div>
    </div>
</div>
<div class="footer-bottom">
    <div class="container">
        <div class="zui text-center">
            <p>More Templates - Collect from</p>
        </div>
    </div>
</div>














</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>